page{width: 100%; background: #F1F1F1;}
.msgTop{ display: flex; text-align: center; 
height: 88rpx; overflow: hidden; justify-content: space-between;
 padding: 20rpx 36rpx;background: #fff; width: calc(100% - 72rpx); z-index: 99; top: 0; }
.msgTop view image{ width: 40rpx; height: 40rpx;}
.msgTop view text{ display: block; line-height: 28rpx; font-size: 24rpx; color: #3D3D3D; }

.msgTop2{ display: flex; justify-content: center; text-align: center; padding: 20rpx 36rpx;background: #fff;}
.msgTop2 view{ width: 50%;}
.msgTop2 view image{ width: 40rpx; height: 40rpx;}
.msgTop2 view text{ display: block; line-height: 28rpx; font-size: 24rpx; color: #3D3D3D; }

.scroll1{height: calc(100vh - 160rpx);}
.scroll2{height: calc(100vh - 360rpx);}

.msgList{ padding:  0 20rpx;padding-top: 0rpx;}
.msgList .llist{ display: flex; flex-wrap: wrap; margin-bottom: 30rpx;}
.msgList .llist .icon{ width: 64rpx; height: 64rpx;}
.msgList .llist .icon image{ width: 64rpx; height: 64rpx; border-radius: 64rpx;}
.msgList .llist .msg{ margin-left: 16rpx; width: calc(100% - 144rpx); overflow: hidden;}
.msgList .llist .msg .msgName{ font-size: 24rpx; color: #3D3D3D; line-height: 28rpx;}
.msgList .llist .msg .msgCon{ background: #fff; border-radius: 6rpx; margin-top: 6rpx; padding: 16rpx; 
line-height: 40rpx; font-size: 26rpx; float: left;}

.msgList .rlist{ display: flex; flex-wrap: wrap; margin-bottom: 30rpx; justify-content: flex-end;}
.msgList .rlist .icon{ width: 64rpx; height: 64rpx;}
.msgList .rlist .icon image{ width: 64rpx; height: 64rpx; border-radius: 64rpx;}
.msgList .rlist .msg{ margin-right: 16rpx; width: calc(100% - 144rpx); overflow: hidden;}
.msgList .rlist .msg .msgName{ font-size: 24rpx; color: #3D3D3D; line-height: 28rpx; text-align: right;}
.msgList .rlist .msg .msgCon{ background: #fff; border-radius: 6rpx; text-align: right; 
margin-top: 6rpx; padding: 16rpx; line-height: 40rpx; font-size: 26rpx; float: right;}

.senMsg{ padding: 20rpx 20rpx; position: absolute; background: #fff; bottom: 0rpx; display: flex; 
width: calc(100% - 40rpx);}
.senMsg .sendInput{ width: calc(100% - 140rpx); background: #F1F1F1; padding: 10rpx; font-size: 28rpx; line-height: 32rpx;}
.senMsg .sendBut{ width: 120rpx; margin-left: 20rpx;}


/* 师傅 */
.master-block{width: 100%;background-color: #ffffff; border-bottom: 10rpx #f3f3f3 solid; margin: 60rpx 0rpx;}
.master-block:first-child{ margin-top: 0rpx;}
.master-item{padding: 20rpx;}

.faceItem-ico{width: 104rpx;height: 104rpx;margin-right: 20rpx;border-radius: 6rpx;}
.faceItem-ico image{width: 104rpx;height: 104rpx; border-radius: 6rpx;}
.faceItem-ico label{display: inline-block;background-color: rgba(15, 15, 15,0.6);border-radius: 0px 0px 6px 0px;width: 44rpx;height: 28rpx;color: #ffffff;font-size: 20rpx;
position: absolute;right: 0rpx;bottom: 0rpx;line-height: 28rpx;text-align: center;}
.zhidding{display: inline-block;background-color: #FF5964;color: #FFFFFF;font-size: 24rpx;border-radius: 6rpx;text-align: center;width: 64rpx;height: 38rpx;
line-height: 38rpx;margin-right:15rpx;}
.faceText-t1 label{display: inline-block;padding: 0rpx 10rpx;}
.faceText-t1 label image{width: 40rpx;height: 40rpx;}
.master-name{font-size: 36rpx;color: #0F0F0F;font-weight: bold;line-height: 38rpx;}
.faceText-t1 text{font-size: 24rpx;color: #A1A1A1;line-height: 38rpx;}
.master-userinfo{font-size: 26rpx;color: #424242;}
.master-userinfo text{display: inline-block;padding: 0rpx 15rpx; position: relative;}
.master-userinfo text::before{ content: ''; height: 20rpx; width: 1rpx; background: #A1A1A1; position: absolute; right: 0; top: 14rpx;}
.master-userinfo text:last-child::before{ display: none;}

.master-t3{position: absolute;right: 0rpx;top: 0rpx;line-height: 38rpx;color: #A1A1A1;font-size: 24rpx;}
.master-t3 view{padding:15rpx 10rpx 0rpx 0rpx;}
.master-t3 view label{display: block;width: 12rpx;height: 12rpx;background-color: #43B729;border-radius: 50%;}

.master-zpList{border-top: 1rpx solid #F0F0F0;padding: 15rpx 0rpx;margin-top:15rpx;line-height: 40rpx;}
.zpList-child{ width: calc(100% -  200rpx);}
.zpList-child label{display: inline-block;padding: 0rpx 20rpx 0rpx 0rpx;color: #A1A1A1;font-size: 28rpx;}
.zpList-child text{color: #424242;font-size: 28rpx;font-weight: bold; height: 60rpx;
text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
.zpList-right{position: absolute;right:0rpx;top: 20rpx;font-size: 24rpx;color: #A1A1A1;line-height: 38rpx;}
.zplistrv-s1 label{font-size: 36rpx;color: #FF5964;font-weight: bold;line-height: 38rpx;}
.zpList-s2{padding-left: 38rpx;}

.bloc-small{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;padding: 20rpx 0rpx;}
.bloc-small label{display: inline-block;padding: 7rpx 10rpx;border-radius: 6rpx;background-color:#F7F7F7;font-size: 28rpx;color: #424242;margin-right: 15rpx;}
.bloc-small label.noactive{color: #FF5964;}

.popOption{
	padding: 20rpx;
}
.popOption .title{ text-align: center; font-size: 36rpx; color: #3D3D3D; font-weight: bold;}
.popOption .option{ margin-top: 32rpx;}
.popOption .option view{ height: 88rpx; line-height: 88rpx; text-align: center;}
.popOption .option view.active{ color: #0575FF;}
.popOption .define{ margin-top: 32rpx; }
.popOption .define view{ height: 88rpx; line-height: 88rpx; color: #0575FF; text-align: center;}


.block-pre{
	text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical
}














































